
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<html>
<head>
    <link rel="stylesheet" type="text/css" href="/crm/css/public.css"/>
    <link rel="stylesheet"
          href="/crm/css/themes/base/jquery.ui.all.css">
    <link rel="stylesheet" href="/crm/js/demos.css">

    <script type="text/javascript"
            src="/crm/js/jquery-1.7.2.js"></script>
    <script type="text/javascript"
            src="/crm/js/jquery.ui.core.js"></script>
    <script type="text/javascript"
            src="/crm/js/jquery.ui.widget.js"></script>
    <script type="text/javascript"
            src="/crm/js/jquery.ui.position.js"></script>
    <script type="text/javascript"
            src="/crm/js/jquery.ui.autocomplete.js"></script>
    <script type="text/javascript"
            src="/crm/js/jquery.ui.datepicker.js"></script>
    <script type="text/javascript"
            src="/crm/js/jquery.ui.datepicker-zh-CN.js"></script>
    <script src="/crm/js/jquery.ui.button.js"></script>
    <link rel="stylesheet" href="/crm/css/icons.css">
    <script src="/crm/js/icons.js"></script>


    <title>新增拜访记录
    </title>
</head>
<body>
<!--头部-->

<div class="header">
    <div class="top">
        <div class="top_left">
            <span class="f1">欢迎您: ADMIN</span>
        </div>
        <div class="top_right">
            <a href="/crm/index.do" class="top_ico0">首页</a>
            <a href="/crm/user/change" class="top_ico1">修改密码</a>
            <a href="/crm/user/detail.do" class="top_ico2">个人信息</a>
            <a href="/crm/logout.do" class="top_ico3">退出</a>
        </div>
    </div>
    <div class="top2">
        <p class="pro_id">客户关系管理系统 v2.5</p>
    </div>
</div>


<!--主体-->
<table class="main" border="0"
       style="width: 100%; background-color: #FFFFFF">
    <tr>
        <td width="140" style="vertical-align: top;">
            <div class="main_left">


                <script type="text/javascript" src="/crm/js/jquery.ui.accordion.js"></script>

                <script type="text/javascript">
                    $().ready(function () {
                        $('.menuTitle').click(function () {//添加menuTitle的click事件
                            if ($(this).next().is(":hidden")) {//隐藏判断
                                $('.menu_ul_div').slideUp();//隐藏 */
                                $(this).next().slideDown();//显示
                            } else {
                                if ($(this).next().attr("id") == 'menu_ul_div_1') {

                                    $('.menu_ul_div').slideUp();//隐藏 */
                                    $('#menu_ul_div_2').slideDown();//显示

                                }
                                ;
                                if ($(this).next().attr("id") == 'menu_ul_div_2') {

                                    $('.menu_ul_div').slideUp();//隐藏 */
                                    $('#menu_ul_div_3').slideDown();//显示

                                }
                                ;
                                if ($(this).next().attr("id") == 'menu_ul_div_3') {

                                    $('.menu_ul_div').slideUp();//隐藏 */
                                    $('#menu_ul_div_4').slideDown();//显示

                                }
                                if ($(this).next().attr("id") == 'menu_ul_div_4') {

                                    $('.menu_ul_div').slideUp();//隐藏 */
                                    $('#menu_ul_div_1').slideDown();//显示

                                }
                            }
                        });
                    });
                </script>

                <div class="sidebar">
                    <h2 id="menu1" class="menuTitle">客户管理</h2>

                    <div class="menu_ul_div" id="menu_ul_div_1" style="display:block;height: 170px;">
                        <ul id="menu1_ul" class="menu_ul">
                            <li class="menuItem"><a href="/crm/customer/initConflict.do">客户冲突</a></li>
                            <li class="menuItem"><a href="/crm/customer/initAdd.do">添加客户</a></li>
                            <li class="menuItem"><a href="/crm/customer/initServe.do">服务中签约客户</a></li>
                            <li class="menuItem"><a href="/crm/customer/initNoServe.do">未签约客户</a></li>
                            <li class="menuItem"><a href="/crm/customer/getAllSea.do">公海客户</a></li>
                            <li class="menuItem"><a href="/crm/visitRecord/initSearch.do">拜访查询</a></li>
                        </ul>
                    </div>
                    <h2 id="menu2" class="menuTitle">合同管理</h2>

                    <div class="menu_ul_div" id="menu_ul_div_2" style="display:block;height: 170px;">
                        <ul id="menu2_ul" class="menu_ul">
                            <li class="menuItem"><a id="anchorContractTemplate" href="/crm/contract/template/list.do">合同模板</a></li>
                            <li class="menuItem"><a href="/crm/contract/initAdd.do">新增合同</a></li>
                            <li class="menuItem"><a href="/crm/contract/initContractValid.do">有效合同查询</a></li>
                            <li class="menuItem"><a href="/crm/contract/initContractInvalid.do">无效合同查询</a></li>
                            <li class="menuItem"><a href="/crm/contract/initPaymentReceivable.do">应收款查询</a></li>
                            <li class="menuItem"><a href="/crm/payment/initPaymentReceived.do">到款查询</a></li>
                        </ul>
                    </div>
                    <h2 id="menu3" class="menuTitle">报表管理</h2>

                    <div class="menu_ul_div" id="menu_ul_div_3" style="display:block;height: 40px;">
                        <ul id="menu3_ul" class="menu_ul">
                            <li class="menuItem"><a href="/crm/record/initReport.do">拜访量报表</a></li>
                        </ul>
                    </div>

                    <h2 id="menu4" class="menuTitle">系统设置</h2>

                    <div class="menu_ul_div" id="menu_ul_div_4" style="display:block;height: 130px;">
                        <ul id="menu4_ul" class="menu_ul">
                            <li class="menuItem"><a href="/crm/system/search.do">员工设置</a></li>
                            <li class="menuItem"><a href="/crm/announcement/search.do">公告管理</a></li>
                            <li class="menuItem"><a href="/crm/system/picture.do">首页图片设置</a></li>
                            <li class="menuItem"><a href="/crm/syslog/searchSyslog.do">系统日志</a></li>
                            <li class="menuItem"><a href="/crm/system/else.do">其他设置</a></li>
                            <li class="menuItem"><a href="/crm/system/tree.do">jstree3-部门树</a></li>
                        </ul>
                    </div>
                </div>




            </div>
        </td>
        <td style="vertical-align: top;">
            <div class="main_right">


                <link rel="stylesheet" href="/crm/css/themes/base/jquery.ui.all.css">
                <script src="/crm/js/jquery-1.7.2.js"></script>
                <script src="/crm/js/jquery.ui.core.js"></script>
                <script src="/crm/js/jquery.ui.widget.js"></script>
                <script src="/crm/js/jquery.ui.button.js"></script>
                <link rel="stylesheet" href="/crm/css/demos.css">

                <link rel="stylesheet" href="/crm/css/icons.css">
                <link rel="stylesheet" href="/crm/css/icons-back.css">

                <script src="/crm/js/icons.js"></script>
                <script src="/crm/js/icons-back.js"></script>

                <style type="text/css">

                    .pageBody {
                        height: 80%;
                        width: 50%;
                        margin: auto;
                    }
                </style>

                <script type="text/javascript">
                    $(function () {
                        $("#chooseOwner")
                            .click(
                                function () {
                                    var config = "resizable:no;center:yes;dialogWidth:300px;dialogHeight:200px;dialogTop:200px;dialogLeft:150px";
                                    showModalDialog(
                                        "/crm/customer/initOwnerList.do",
                                        document, config);
                                });

                        //重置
                        $("#btnReset").click(
                            function () {
                                $("input[type='radio']").prop("checked", false);
                                $("#leirong").html("s");
                            }
                        );
                    });

                </script>

                <div class="main">
                    <div class="content">
                        <div class="pageHead">
                            <table>
                                <tr>
                                    <th width="8"><img src="/crm/images/c_l.gif" height="31"
                                                       width="8"/></th>
                                    <th align="left" class="title_area">当前位置：客户管理 &gt; 拜访记录 &gt; 新增拜访记录</th>
                                    <th width="9"><img src="/crm/images/c_r.gif" height="31"
                                                       width="9"></th>
                                </tr>
                                <ul class="errorMessage">

                                </ul>
                            </table>
                        </div>
                        <div class="pageBody">
                            <form id="search" name="myForm" action="/crm/customer/saveVisit.do" method="post">


                                <table class="mytable fullWidth">
                                    <tr>
                                        <th>拜访方式</th>
                                        <td>
                                            <select name="visitType" id="customerAddForm_customer_source"
                                                    style="width:140px;">


                                            <c:if test="${! empty visitTypes}">
                                                <c:forEach items="${visitTypes}" var="v">
                                                    <option  id="visitTypeArr-1" value="${v.id}">${v.name}</option>
                                                </c:forEach>

                                            </c:if>
                                            </select>

                                        </td>
                                    </tr>
                                    <tr>
                                        <th>成熟度</th>
                                        <td><input type="radio" name="level" value="ONE"
                                                   id="levelArr-1"
                                        />
                                            <label for="levelArr-1" class="checkboxLabel">★</label>
                                            <input type="radio" name="level" value="TWO"
                                                   id="levelArr-2"
                                            />
                                            <label for="levelArr-2" class="checkboxLabel">★★</label>
                                            <input type="radio" name="level" value="THREE"
                                                   id="levelArr-3"
                                            />
                                            <label for="levelArr-3" class="checkboxLabel">★★★</label>
                                            <input type="radio" name="level" value="FOUR"
                                                   id="levelArr-4"
                                            />
                                            <label for="levelArr-4" class="checkboxLabel">★★★★</label>
                                            <input type="radio" name="level" value="FIVE"
                                                   id="levelArr-5"
                                            />
                                            <label for="levelArr-5" class="checkboxLabel">★★★★★</label>
                                        </td>
                                    </tr>


                                    <tr>
                                        <th>选择客户专员</th>

                                        <td>
                                            <input type="text" name="owner" value="${sessionScope.user.name}"
                                                   readonly="readonly" id="ownerInput"/></td>
                                    </tr>
                                    <tr>
                                        <th>客户的状态</th>
                                        <td><input type="radio" name="status" value="SIGNED"
                                                   id="statusArr-1"
                                        />
                                            <label for="statusArr-1" class="checkboxLabel">服务中签约客户</label>
                                            <input type="radio" name="status" value="UNSIGNED"
                                                   id="statusArr-2"
                                            />
                                            <label for="statusArr-2" class="checkboxLabel">未签约客户</label>
                                            <input type="radio" name="status" value="SEA"
                                                   id="statusArr-3"
                                            />
                                            <label for="statusArr-3" class="checkboxLabel">公海客户</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>联系人</th>
                                        <td>
                                            <select name="contact" id=""
                                                    style="width:140px;">
                                                <c:if test="${!empty contacts}">
                                                    <c:forEach items="${contacts}" var="con">
                                                        <option>${con.name}+sasasa</option>
                                                    </c:forEach>
                                                </c:if>
                                            </select>
                                        </td>
                                        <td><input type="hidden" value="${customerId}" name="customerId"  /></td>
                                    </tr>
                                    <tr>
                                        <th>拜访类容</th>
                                        <td>
                                            <textarea id="leirong" name="content" cols="28" rows="5"> </textarea>
                                        </td>

                                    </tr>

                                    <tr>
                                        <td colspan="4">
                                            <div class="buttonBar">

                                                <button id="btnSearch" type="submit" >确认新增</button>
                                                <button id="btnReset" type="button">重置</button>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </form>

                        </div>
                    </div>

                </div>
                <!--尾部-->

                <div class="footer">
                    <div class="seperator"></div>
                    <p>
                        <a href="http://www.sztzedu.com">公司主站</a>|
                        <a href="#">隐私策略</a>|
                        <a href="#">服务条款</a>&nbsp;
                        苏州天智教育公司&reg;版权所有 2012-2015
                    </p>
                </div>
            </div>
        </td>
    </tr>
</table>

</body>
</html>
